<template>
   <el-scrollbar class="el_scrollbar">
      <el-menu
         active-text-color="#ffd04b"
         background-color="transparent"
         class="el-menu-vertical-demo"
         text-color="#acaeb1"
         mode="horizontal"
         :router="true"
         style="border: none"
      >
         <el-menu-item index="/userManagement"
            ><el-icon><User /></el-icon>用户管理</el-menu-item
         >
         <el-menu-item index="/collegeInfo"
            ><el-icon><Position /></el-icon>院校信息</el-menu-item
         >

         <el-menu-item index="/majorInfo"
            ><el-icon><OfficeBuilding /></el-icon>专业信息</el-menu-item
         >

         <el-menu-item index="/videoStudy"
            ><el-icon><VideoCamera /></el-icon>视频学习</el-menu-item
         >

         <el-menu-item index="/studyPlan"
            ><el-icon><Notebook /></el-icon>学习计划</el-menu-item
         >

         <el-menu-item index="/counselingMessage"
            ><el-icon><Tickets /></el-icon>咨询动态</el-menu-item
         >

         <el-menu-item index="/personalInfo"
            ><el-icon><User /></el-icon>个人中心</el-menu-item
         >
      </el-menu>
   </el-scrollbar>
</template>
 
<script>
export default {
   name: "MainAside",
   setup() {},
};
</script>

<style scoped>
.aside_title {
   color: #fff;
   font-size: 16px;
   height: 60px;
   line-height: 60px;
   border-bottom: 0.1px solid #4b4e55;
}

.el_scrollbar {
   position: relative;
   height: 100%;
}

.sub_menu_title {
   font-size: 14px;
}

.sub_menu_title:hover {
   color: #e58342;
}

.el-icon {
   font-size: 15px;
   color: #919398;
}
</style>
